<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Best Web Designers | Mobile Aplication Developers in India | Blivebird</title>
<meta name="description" content="Looking for a fast, elegant, responsive website for your business? Blivebird is the best web designers and mobile aplication developers in India. Right from designing your own logo, building your website to make you appear on social networks - we do all of it.">
<meta name="keywords" content="Web Designer, Mobile Application, India">

<link rel="icon" type="image/png" href="images/title-icon.gif"/>
<link rel="stylesheet" type="text/css" href="styles/style.css">
<link rel="stylesheet" type="text/css" href="styles/Checkout_ShippingAddress.css" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script> 
<script src="script/jquery.localscroll-1.2.7.js"  type="text/javascript"></script> 
<script src="script/jquery.scrollTo-1.4.3.1.js" type="text/javascript"></script> 
 <script type="text/javascript" src="http://www.skypeassets.com/i/scom/js/skype-uri.js"></script>
 <script type="text/javascript" src="script/modernizr.js"></script>


<script type="text/javascript">
$(document).ready(function() {
   	$('#nav').localScroll({duration:800});
	
	var validate = function(type,testValue){
		var emailRegex =/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
		var mobileRegex =/^[0-9]\d{9}$/g;
		var alphaRegex =/^[A-Za-z ]+$/g; 
		var pinRegex =/^[0-9]\d{5}$/g;
		if(type == 'alpha' ){
			type=alphaRegex;
		}else if (type == 'pin'){
			type=pinRegex;
		}else if (type == 'address'){
			type=addressRegex;
		}else if (type == 'mobile'){
			type=mobileRegex;
		}else{
			type=emailRegex;
		}
		if(type.test(testValue)){		
			return true;
		}else {
			return false;
		}
	};
	
	$("#name").blur( function(){
		if(this.value && !validate('alpha',this.value)){
			alert('Incorrect Input');
		}	
	});
	$("#email").blur( function(){
		if(this.value && !validate('email',this.value)){
			alert('Incorrect Input');
		}	
	});
	
	$("#submitQuery").click(function () {
	      
	var name = document.getElementById('name').value;
	var email = document.getElementById('email').value;
	var message = document.getElementById('message').value;
	
	if(!validate('alpha',name) || !validate('email',email)){
			alert('Error :  Please Enter proper Input');
			return;
	}
	
	$.ajax({
	    url: "rest/data/mailer.php",
	    type: 'POST',
	    data: {
	        name: name,
	        email: email,
	        message: message
	    },
	    success: function (result) {
	        if (result) {
	            //alert(result);
	            //console.log('success');
	            //console.log(result);
	            var response = JSON.parse(result);
	            //alert(response.success);
	            if (response.success == true) {
	                document.getElementById('letsTalk').style.display = "none";
	                document.getElementById('responseTrue').style.display = "block";
	                document.getElementById('okay').style.display = "block";

	                //alert(response.success);
	            } else {
	                //alert('false');
	                //console.log('success');
	                //console.log(result);
	                var response = JSON.parse(result);
	                //alert(response.success);
	                document.getElementById('letsTalk').style.display = "none";
	                document.getElementById('responseFalse').style.display = "block";
	                //alert(response.success);
					


	            }


	        }

	    },
	    error: function () {
	        //console.log('failure');
	        document.getElementById('letsTalk').style.display = "none";
	        document.getElementById('responseError').style.display = "block";
			document.getElementById('letsTalkResponse').innerHTML += "okay button";

	    }

	});
	});
	


	});
</script>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script>
      function initialize() {
        var map_canvas = document.getElementById('map_canvas');
        var myLatlng = new google.maps.LatLng(22.470361, 88.371282);

        var map_options = {
          center: myLatlng,
          zoom: 15,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        }

		
        var map = new google.maps.Map(map_canvas, map_options)
		 var image = 'images/title-icon_32.png';

		 var marker = new google.maps.Marker({
			  position: myLatlng,
			  map: map,
			  title: 'BliveBird | Web and Mobile aplication development in india',
		      draggable:false,
			  icon: image,
		      animation: google.maps.Animation.DROP,

		  });
		    google.maps.event.addListener(marker, 'click', toggleBounce);


      }
	  
	  function toggleBounce() {

  if (marker.getAnimation() != null) {
    marker.setAnimation(null);
  } else {
    marker.setAnimation(google.maps.Animation.BOUNCE);
  }
}
	
      google.maps.event.addDomListener(window, 'load', initialize);
</script>

<script>
$(document).ready(function(){

if(!Modernizr.input.placeholder){

	$('[placeholder]').focus(function() {
	  var input = $(this);
	  if (input.val() == input.attr('placeholder')) {
		input.val('');
		input.removeClass('placeholder');
	  }
	}).blur(function() {
	  var input = $(this);
	  if (input.val() == '' || input.val() == input.attr('placeholder')) {
		input.addClass('placeholder');
		input.val(input.attr('placeholder'));
	  }
	}).blur();
	$('[placeholder]').parents('form').submit(function() {
	  $(this).find('[placeholder]').each(function() {
		var input = $(this);
		if (input.val() == input.attr('placeholder')) {
		  input.val('');
		}
	  })
	});

}

});
</script>
<style>
      #map_canvas {
        width: 100%;
        height: 300px;
      }
</style>
</head>

<body>

  <div class="header">
    <div style="font-family: Calibri; width:940px;  text-align:left; margin-left: auto; margin-right: auto; line-height: 40px; height: 40px; padding-top:12px;">
      <div id="nav" style="float:right;  padding-top:14px;">
        <a href="#home">Home</a>
        <a href="#Services">Services</a>
        <a href="#About">About</a>
        <a href="#Contact">Contact</a>
      </div>
	  <a href="index.html">
      	<img src="images/bv2.jpg" width="225" height="47" border="0" id="logo" >
      </a>
    </div>
    
  </div>

<div id="page">
<div class="section">
<a name="home"></a>
<br><br>
<h1>Web design and mobile application</h1>
<hr class="hr_grey" />
<h3>Why Blivebird</h3>
<hr class="hr_dashed" /> 
<h2>
We code what we love.
We love what we code
</h2>
<table align="center" border="0" width="850">
<tr align="center">
<td width="151"><img src="images/greencode-mod/code - Copy.png" /></td>
<td width="66"><img src="images/plus/plus-48.png" ></td>
<td width="128"><img src="images/love/love-128.png"></td>
<td width="76"><img src="images/equal_sign/48.png"></td>
<td width="128"><img src="images/title-icon.png" alt="" /></td>
<td width="23"></td>
<td width="233" valign="top" align="left">
<br>

We design your own web.
Interactive, realistic, beautiful. Customised to your needs
<hr class="hr_thin"/>

We believe best ideas emerge out of  pencils and papers.
So we set out to build tools that work the way you do.
<hr class="hr_thin"/>
</td>

</tr>
</table>
<br>
<hr class="hr_dashed" /> 
<h2>We collaborate with you from start to finish</h2>
<table align="center" border="0" width="850">
  <tr align="center">
<td width="233" valign="top" align="left">
<br>
Right from designing your own logo, building your website to make you appear on social networks - we  do all of it.
<hr class="hr_thin"/>

We not only have the same dream as you, we work with you all the way to make your dream come alive. 
<hr class="hr_thin"/>
</td>
<td width="23"></td>

<td width="151" valign="top"><img src="images/happy-content/happy-content-128 - final.png" ></td>
<td width="66"><img src="images/plus/plus-48.png" ></td>
<td width="128"><img src="images/title-icon.png" ></td>
<td width="76"><img src="images/equal_sign/48.png"></td>
<td width="128"><img src="images/Streamline-65/Streamline-65-128.png" ></td>


</tr>
</table>
</div>

<br>
<hr class="hr_dashed" /> 
<div class="section">

	<a name="Services"></a>
	<br>
    <h1>Services</h1>
	<hr class="hr_grey" />
    <h3>What we do</h3>

<hr class="hr_dashed" />
<h2>For
The dreamers,
 creators, creative entepreneurs</h2>

<table align="center" border="0" width="850">
<tr align="center">
<td width="166"><img src="images/Website/Website-128 - mod.png" alt="web design"/></td>
<td width="236" valign="top" align="left">
We understand a strong presence in web is important for your business. If you have a idea and want to go online, we offer state of the art experience.</td>
<td width="61"></td>

<td width="132"><img src="images/mobile_phone/mobile_phone-128.png" alt="mobile" /></td>
<td width="233" valign="top" align="left">
We design the mobile web.
We create  scalable, lightwieght apps for Android phones. Experience the best that mobile platform has to offer.</td>

</tr>
<tr>
<td  colspan="2">
<hr class="hr_thin" />
<h4>We are your web department</h4>
</td>
<td>
</td>
<td colspan="2">
<hr class="hr_thin" />
<h4>Stay with your customers everywhere</h4>
</td>
</table>
</div>

<div class="section">
    <a name="About"></a>
	<br>
    <h1>About</h1>
	<hr class="hr_grey" />
    <h3>Work with a great team</h3>
<hr class="hr_dashed" />
<h2>A team as passionate as you</h2>
<table align="center">
<tr><td>
<img src="images/team/team-hand.jpg" align="middle"/>
</td></tr>
</table>

<h4>
We tackle difficult problems from day one - what it takes not only to build great websites but to create a unique culture in the team. Our team at blivebird, works hand in hand to scale an organization - be it the neighbourhood coffeshop or the next big real estate company in town.</h4>
</div>
 
<div class="section">
    <a name="Contact"></a>
	<br>
    <h1>Contact</h1>
	<hr class="hr_grey" />
<!--    <h3>Get in touch</h3>
	<hr class="hr_dashed" />-->
    <h2> 
    Do you want to talk to us? We'd love to listen!
	</h2>
    <table border="0" width="900" align="center" >
    <tr valign="top">
    <td width="520" >
   	    <table border="0" width="550" cellpadding="5">
        <tr><td colspan="2">
	    <span class="contact_h2">Call us</span><hr class="hr_thin"/>
        </td></tr>
        <tr>
        <td width="101">
        <span class="contact_h4">Abhishek</span>
        </td>
	    
        <td width="417"><span class="contact_h4">+91 9804846233</span></td>
        </tr>
       <!-- <tr>
        <td width="101">
        <span class="contact_h4">Within india</span>
        </td>
	    
        <td width="417"><span class="contact_h4">+ 56565 898 56</span></td>
        </tr>-->
        <tr><td colspan="2">
	    <span class="contact_h2">Skype</span>
        <span class="contact_h5">(Don't have skype? <a href="http://www.skype.com/en/download-skype/" target="_blank">get it here</a>)</span><hr class="hr_thin"/>
        </td></tr>
        <tr><td colspan="2" height="50">
        
       
        <div id="SkypeButton_Call_blivebirdinc_1">
          <script type="text/javascript">
            Skype.ui({
              "name": "dropdown",
              "element": "SkypeButton_Call_blivebirdinc_1",
              "participants": ["blivebirdinc"],
              "imageSize": 32
            });
          </script>
        </div>
        
        </td></tr>
        <tr><td colspan="2">
	    <span class="contact_h2">e-mail</span><hr class="hr_thin"/>
        </td></tr>
        <tr><td colspan="2">
		<span class="contact_h4"><a href="mailto:&#99;&#111;&#110;&#116;&#97;&#99;&#116;&#64;&#98;&#108;&#105;&#118;&#101;&#98;&#105;&#114;&#100;&#46;&#99;&#111;&#109;">&#99;&#111;&#110;&#116;&#97;&#99;&#116;&#64;&#98;&#108;&#105;&#118;&#101;&#98;&#105;&#114;&#100;&#46;&#99;&#111;&#109;</a></span>
        </td></tr>
       
        </table>

    </td>
    <td width="360">
	    <table border="0" cellpadding="5">
        <tr><td height="44" colspan="2"><span class="contact_h2">Let's talk</span><hr class="hr_thin"/></td></tr>
        <tr>
        <td colspan="2" align="center">
       	<div id="letsTalk" style="display:block">

        <input type="text" id="name" placeholder="Your Name"  />
        <input type="text" id="email" placeholder="Your email" />
        <textarea id="message" placeholder="Your message"></textarea>
        <a  class="sendButton" id="submitQuery" > Send</a>
        
        </div>
        <div id="responseTrue" style="display:none;">
        <span class="contact_h4">Thanks for your message!<br> We have received your query <br> We'll get back to you in 24 hours.<br>For any furher assistance,<br>email us at:<br><a href="mailto:&#99;&#111;&#110;&#116;&#97;&#99;&#116;&#64;&#98;&#108;&#105;&#118;&#101;&#98;&#105;&#114;&#100;&#46;&#99;&#111;&#109;">&#99;&#111;&#110;&#116;&#97;&#99;&#116;&#64;&#98;&#108;&#105;&#118;&#101;&#98;&#105;&#114;&#100;&#46;&#99;&#111;&#109;</a>
            
         </span>
         <br>
         <br>
         
   <a  class="sendButton" style="width:70px;" id="okay" onclick="javascript:(document.getElementById('letsTalk')).style.display='block';
   (document.getElementById('responseTrue')).style.display='none'
   " > Okay</a>       
        </div>

        

        <div id="responseFalse" style="display:none;">
       <span class="contact_h4">Your message could not be received<br> at the moment. Please try again<br>in a while or send us email at:<br><a href="mailto:&#99;&#111;&#110;&#116;&#97;&#99;&#116;&#64;&#98;&#108;&#105;&#118;&#101;&#98;&#105;&#114;&#100;&#46;&#99;&#111;&#109;">&#99;&#111;&#110;&#116;&#97;&#99;&#116;&#64;&#98;&#108;&#105;&#118;&#101;&#98;&#105;&#114;&#100;&#46;&#99;&#111;&#109;</a></span>
        </div>
        
        <div id="responseError" style="display:none">
       <span class="contact_h4">There seems to be some problem<br>with the server. Please<br>try again in a while or<br >send us email at:<br><a href="mailto:&#99;&#111;&#110;&#116;&#97;&#99;&#116;&#64;&#98;&#108;&#105;&#118;&#101;&#98;&#105;&#114;&#100;&#46;&#99;&#111;&#109;">&#99;&#111;&#110;&#116;&#97;&#99;&#116;&#64;&#98;&#108;&#105;&#118;&#101;&#98;&#105;&#114;&#100;&#46;&#99;&#111;&#109;</a></span>
        </div>

        </td></tr>
        </table>
 
        
    </td>
    </tr>
    <tr><td colspan="2" align="center">
	<span class="contact_h2">Address</span>
    <hr />
     <span class="contact_h4">

    263A N.S.C. Bose Road, Kolkata, India
    </span>

	</td></tr>
    
    </table>
    
</div>

</div>
	<div class="mapHolder">
    <div id="map_canvas"></div>
</div>



<!-- #footer starts -->		
<div id="footer">
	<div class="wrap">
		<div id="connect">
			<ul>
				<li class="email"><span>Email</span> <a href="mailto:&#99;&#111;&#110;&#116;&#97;&#99;&#116;&#64;&#98;&#108;&#105;&#118;&#101;&#98;&#105;&#114;&#100;&#46;&#99;&#111;&#109;">&#99;&#111;&#110;&#116;&#97;&#99;&#116;&#64;&#98;&#108;&#105;&#118;&#101;&#98;&#105;&#114;&#100;&#46;&#99;&#111;&#109;</a></li>
				<li class="tel"><span>Cell </span> <a>+91 9804846233</a></li>
			</ul>
                        &copy; 2014 &#119;&#119;&#119;&#46;&#98;&#108;&#105;&#118;&#101;&#98;&#105;&#114;&#100;&#46;&#99;&#111;&#109; All rights reserved

		</div>
		<!-- End #connect -->		
        	
	</div>
	<!-- End #footer .wrap -->
    
</div>
<!-- End #footer -->

</body>

</html>
